<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed'); ?>
<?php
global $CI;
$CI->load->helper('assets');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
  <head>
      <title>Titre</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <style type="text/css">
    a{color: #ffe3a3;text-decoration: none;}
    a:hover{color: #ffd065;text-decoration: none;}
    #content{color: white;width: 520px;margin-left: 235px;margin-top: 20px;font-size:8pt;font-family: Verdana;}
    #content_text{background: url('<?php echo img_link("img_content/mid_news.png"); ?> ') repeat-y;color: #191919;
            width: 520px;height: 150px;font-size:8pt;font-family: Verdana;margin-left: -7px;padding-left: 12px;
    }
    #content_content{margin-left: 20px;}
    #content_text_2{color: #191919;width: 500px;font-size:8pt;font-family: Verdana;margin-top: -10px;}
    #content_news{background: url('<?php echo img_link("img_content/mid_news.png"); ?>') repeat-y;
            color: #191919;width: 520px;font-size:8pt;font-family: Verdana;margin-left: -7px;padding-left: 12px;
    }
    #content_news_text{color: #191919;width: 480px;font-size:8pt;font-family: Verdana;margin-left: -7px;padding-left: 12px;}
    #content_flash{color: white;width: 500px;font-size:8pt;font-family: Verdana;}
    .img_top{color: white;font-size:8pt;font-family: Verdana;margin-bottom: -10px;}
    .news{color: white;font-size:8pt;font-family: Verdana;margin-left: -12px;}
    .img_bottom{color: white;font-size:8pt;font-family: Verdana;margin-top: -10px;}
    .avatar_news{margin-left: 390px;margin-top: -30px;position: absolute;}
    .date{position: absolute;color: #ffdbba;margin-top: 5.5px;margin-left: 8px;}
    .forum{position: absolute;color: #ffdbba;margin-top:5.5px;margin-left: 320px;}
    .titre{position: absolute;color: #ffdbba;margin-top:-21px;margin-left: 11px;font-size: 12px;}
    .text_news{padding-left: 5px;padding-right: 90px;padding-bottom: 5px;}
    .text{padding-right: 5px;padding-top: 5px;padding-left: 160px;}
    .text_text{padding-right: 7px;padding-top: 5px;padding-left: 5px;}
    .text h1{padding-right: 5px;padding-left: 0px;margin-top: -3px;margin-bottom: -5px;font-size: 14px;}
    .album{position: absolute;margin-left: 10px;}
    .text_news a{color: #3d3d3d;text-decoration: none;font-size:8pt;font-family: Verdana;border: 0px solid white;}
    .text_news a:hover{color: #d0d0d0;text-decoration: none;font-size:8pt;font-family: Verdana;border: 0px solid white;}
    .text_text a{color: #3d3d3d;text-decoration: none;font-size:8pt;font-family: Verdana;border: 0px solid white;}
    .text_text a:hover{color: #d0d0d0;text-decoration: none;font-size:8pt;font-family: Verdana;border: 0px solid white;}
    .border_lec{border: 0px inset black;background-color: #703200;}
    </style>
      <style type="text/css">
    body{width: 990px;background-color: #001000;margin: auto;}
    td, tr, table{border : 1px #301e00 solid;padding: 2px;}
    table{background-color: #b78143;width: 450px;}
    td, tr{background-color: #d2a36e;}
    #top{width: 990px;height: 243px;background: url('<?php echo img_link("img_global/top.png"); ?>') no-repeat;margin-bottom: -20px;}
    #bottom{width: 990px;height: 130px;background: url('<?php echo img_link("img_global/bottom.png"); ?>') no-repeat;}
    #back{width: 990px;background: url('<?php echo img_link("img_global/mid.png"); ?>') repeat-y;margin: auto;}
    #photos{width: 990px;}
    .LoGin{background-color: #ffbd72 ;border: 0px blue solid;margin-left: 10px;color: #1e1000;}
    .LoGin2{background-color: #ffbd72 ;border: 1px #893403 inset;margin-left: 5px;color: #1e1000;}
    .line{margin-left: 7px;}
    .dedi{color: white;width: 410px;font-family: verdana;font-size: 14px;margin-top: 100px;margin-left: 484px;}
    .pseudo{color: red;}
    .border{border : 0px black solid;}
    .annonce{color: white;font-family: verdana;background-image: url('<?php echo img_link("img_global/annonce.png"); ?>');
             font-size: 14px;width: 281px;height: 75px;margin-top: 153px;margin-left: 488px;position: absolute;
    }
    .annonce_def{color: white;font-family: verdana;font-size: 14px;margin-top: 6px;margin-left: 17px;}
    </style>
      <style type="text/css">
        #menu_left{width: 249px;position: absolute;color: #1b1000;text-decoration: none;font-size:8pt;font-family: Verdana;border: 0px solid white;}
        #menu_left a{color: #1b1000;text-decoration: none;font-size:8pt;font-family: Verdana;}
        #menu_left a:hover{color: #803500;text-decoration: none;font-size:8pt;font-family: Verdana;}
        #menu_left li{list-style-image: url("<?php echo img_link("img_global/none.png");?>");margin-left: 10px;padding-top: 5px;padding-bottom: 5px;}
        #menu_left li:hover{list-style-image: url("<?php echo img_link("img_global/none.png");?>");margin-left: 10px;}
        .fond_menu{width: 166px;background: url('<?php echo img_link("img_global/fond-menu.png");?>') repeat-y;}
        .titre_left_1{width: 249px;height: 82px;background: url('<?php echo img_link("img_titre_menu/img_menu_left_1.png");?>') no-repeat;margin-left: -39px;margin-bottom: -20px;}
        .titre_left_2{width: 249px;height: 82px;background: url('<?php echo img_link("img_titre_menu/img_menu_left_2.png");?>') no-repeat;margin-left: -39px;margin-bottom: -20px;}
        .titre_left_3{width: 249px;height: 82px;background: url('<?php echo img_link("img_titre_menu/img_menu_left_3.png");?>') no-repeat;margin-left: -39px;margin-bottom: -20px;}
      </style>
      <style type="text/css">          
        #menu_right{width: 249px;float:right;margin-top: 0px;margin-left: 741px;position: absolute;color: #1b1000;text-decoration: none;font-size:8pt;font-family: Verdana;border: 0px solid white;padding-top: 5px;}
        #menu_right a{color: #1b1000;text-decoration: none;font-size:8pt;font-family: Verdana;border: 0px solid white;}
        #menu_right a:hover{color: #803500;text-decoration: none;font-size:8pt;font-family: Verdana;border: 0px solid white;}
        #menu_right li{list-style-image: url("<?php echo img_link("img_global/none.png");?>");margin-left: 3px;color: #1b1000;text-decoration: none;font-size:8pt;font-family: Verdana;border: 0px solid white;padding-top: 3px;padding-bottom: 3px;}
        #menu_right li:hover{list-style-image: url("<?php echo img_link("img_global/none.png");?>");margin-left: 3px;}        
        .fond_menu_right{width: 155px;height: 100%;background: url('<?php echo img_link("img_global/fond-menu.png");?>') repeat-y;padding-left: 7px;padding-right: 3px;}
        .titre_right_vote{width: 178px;height: 150px;background: url('<?php echo img_link("img_global/vote.png");?>') no-repeat;margin-left: 12px;margin-bottom: -10px;margin-top: -10px;border : 0px black solid;}
        .titre_right_1{width: 249px;height: 82px;background: url('<?php echo img_link("img_titre_menu/img_menu_right_1.png");?>') no-repeat;margin-left: -8px;margin-bottom: -20px;}
        .titre_right_2{width: 249px;height: 82px;background: url('<?php echo img_link("img_titre_menu/img_menu_right_2.png");?>') no-repeat;margin-left: -8px;margin-bottom: -20px;}
        .titre_right_3{width: 249px;height: 82px;background: url('<?php echo img_link("img_titre_menu/img_menu_right_3.png");?>') no-repeat;margin-left: -8px;margin-bottom: -20px;}
      </style>
  </head>
<body>
    <div id="top"></div>
        <div id="back">
            <div id="menu_left">
                <ul>
                    <div class="titre_left_1"><h1></h1></div>
                    <img src="<?php echo img_link("img_global/top-menu.png");?>"/>
                    <div class="fond_menu">
                        <li><a href="#">Rubrique</a></li><img class="line" src="<?php echo img_link("img_global/line.png");?>"/>
                        <li><a href="#">Rubrique</a></li><img class="line" src="<?php echo img_link("img_global/line.png");?>"/>
                        <li><a href="#">Rubrique</a></li><img class="line" src="<?php echo img_link("img_global/line.png");?>"/>
                        <li><a href="#">Rubrique</a></li><img class="line" src="<?php echo img_link("img_global/line.png");?>"/>
                        <li><a href="#">Rubrique</a></li><img class="line" src="<?php echo img_link("img_global/line.png");?>"/>
                        <li><a href="#">Rubrique</a></li><img class="line" src="<?php echo img_link("img_global/line.png");?>"/>
                        <li><a href="#">Rubrique</a></li><img class="line" src="<?php echo img_link("img_global/line.png");?>"/>
                        <li><a href="#">Rubrique</a></li>
                    </div>
                    <img src="<?php echo img_link("img_global/bottom-menu.png");?>"/>
                    <div class="titre_left_2"><h1></h1></div>
                    <img src="<?php echo img_link("img_global/top-menu.png");?>"/>
                    <div class="fond_menu">
                        <li><a href="#">Rubrique</a></li><img class="line" src="<?php echo img_link("img_global/line.png");?>"/>
                        <li><a href="#">Rubrique</a></li><img class="line" src="<?php echo img_link("img_global/line.png");?>"/>
                        <li><a href="#">Rubrique</a></li><img class="line" src="<?php echo img_link("img_global/line.png");?>"/>
                        <li><a href="#">Rubrique</a></li>
                    </div>
                    <img src="<?php echo img_link("img_global/bottom-menu.png");?>"/>
                </ul>
            </div>
            <div id="menu_right">
                <ul>
                    <div class="titre_right_1"><h1></h1></div>
                    <img src="<?php echo img_link("img_global/top-menu.png");?>"/>
                    <div class="fond_menu_right">
                        <form action="#" method="post">
                            <input class="LoGin2" type="text" name="#" size='17' maxlength='25' value="Login"/><br />
                            <input class="LoGin2" type="password" name="#" size='17' maxlength='25' value="pass"/><br />
                            <center><input class="LoGin2" type="submit" name="#" value="Ok" /></center>
                        </form>
                        <img class="line" src="<?php echo img_link("img_global/line.png");?>"/>
                        <li><a href="inscription.php">Pas encore inscrit ?</a></li>
                    </div>
                    <img class="right" src="<?php echo img_link("img_global/bottom-menu.png");?>"/>
                    <div class="titre_right_2"><h1></h1></div>
                </ul>
            </div>
            <div id="content">
                <center>
                    <a class="border" href="index.php">
                        <img class="border" src='images/img_ban/ban_jouer.png' onmouseover="this.src = 'images/img_ban/ban_jouer_hover.png';" onmouseout="this.src = 'images/img_ban/ban_jouer.png';" /></a>
                    <br /><br /><br />
                </center>
		<div id="content_content">
                    <img class="news" src="<?php echo img_link("img_content/top_news.png");?>"/>
                    <div id="content_news">
                        <div id="content_news_text">
                            <img class="avatar_news" src="<?php echo img_link("img_content/avatar_news_vitality.png");?>"/>
                            <div class="titre"><b>News :</b> Titre de la news </div>
                            <div class="text_news">
					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                            </div>
                            <div class="date">Le 29/11/10 à 14h32</div>
                            <div class="forum">En parler sur le forum ...</div>
                        </div>
                    </div>
                    <img class="news" src="<?php echo img_link("img_content/bottom_news.png");?>"/>
                    <br /><br /><br />
                    <img class="news" src="<?php echo img_link("img_content/top_news.png");?>"/>
                    <div id="content_news">
                        <div id="content_news_text">
                            <img class="avatar_news" src="<?php echo img_link("img_content/avatar_news_vitality.png");?>"/>
                            <div class="titre"><b>News :</b> Titre de la news </div>
                            <div class="text_news">
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                            </div>
                            <div class="date">Le 28/11/10 à 21h58</div>
                            <div class="forum">En parler sur le forum ...</div>
                        </div>
                    </div>
                    <img class="news" src="<?php echo img_link("img_content/bottom_news.png");?>"/>
                    <br /><br /><br />
                    <img class="news" src="<?php echo img_link("img_content/top_news.png");?>"/>
                    <div id="content_news">
                        <div id="content_news_text">
                            <img class="avatar_news" src="<?php echo img_link("img_content/avatar_news_vitality.png");?>"/>
                            <div class="titre"><b>News :</b> Titre de la news </div>
                            <div class="text_news">
					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                            </div>
                            <div class="date">Le 27/11/10 à 09h14</div>
                            <div class="forum">En parler sur le forum ...</div>
                        </div>
                    </div>
                    <img class="news" src="<?php echo img_link("img_content/bottom_news.png");?>"/>
                </div>
            </div>
<br /><br /><br /><br /><br />
</div>
<div id="bottom"></div>
</body>
</html>
